<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            debug调试
                1. 打开浏览器=>右键检查=>Sources=>Page=>看到我们写的代码了=>点一下我们的代码
                2. 断点
                    你要从哪里开始分析这个代码,那就从哪里开始断点(找到那个行数,点一下)
                3. 刷新一下浏览器
        */
        // 数组
        var arr = ["萝萝", '全全', "凤凤", '玉玉']
        //往数组的开头
        // arr[4] = arr[3]
        // arr[3] = arr[2]
        // arr[2] = arr[1]
        // arr[1] = arr[0]
        // arr[0] = "文种玉"
        // 案例1 往开头添加元素
        // for (var i = arr.length - 1; i >= 0; i--) {
        //     //从数组的末尾开始,将前面的一个元素往后赋值一位
        //     arr[i+1] = arr[i]
        // }
        // arr[0] = "文种玉"

        //案例2 .给数组的末尾添加元素
        // arr[arr.length] = "文种玉"

        //案例3 .往下边为2的位置添加一个文种玉
        var index = 2;
        //给数组的末尾添加元素
        for (var i = arr.length - 1; i >= index; i--) {
            arr[i+1] = arr[i]
        }
        arr[index] = "文种玉"
        console.log(arr);
    </script>
</body>

</html>